.checkout{

  background-color:rgb(249,249,249);

  .address{

    font-size:26rpx;
    padding:0 80rpx 0 20rpx;
    position:relative;
    margin:0 20rpx;

    background-image: url("");
    background-repeat: repeat-x;
    background-position: bottom;
    .person{

      font-weight:bold;
      height:60rpx;

      .name{
        float: left;

      }
      .phone{
        float: right;
      }
    }
    .detail{
      height:60rpx;
      color:#777777;
    }

    .edit{

      position:absolute;
      right:0;
      top:43rpx;
      width:60rpx;
      height:60rpx;
      &:after{
        vertical-align: middle;
        content: "";
        display:block;
        width:20rpx;
        height:20rpx;
        border-right:solid 1px #333;
        border-bottom:solid 1px #333;
        transform: rotate(-45deg);
      }

    }
  }
  .shop-title{
    font-size:26rpx;
    padding:0 40rpx;
    color:rgb(50,51,51);
  }

  .product-list{

    margin-top:40rpx;
    padding:0 40rpx;
    font-size:26rpx;
    .item{
      height:200rpx;
      margin:20rpx 0;
      .img{
        width:200rpx;
        float:left;
        image{

          width:200rpx;
          height:200rpx;
          border-radius:20rpx;

        }
      }

      .info{
        height:100%;
        margin-left: 20rpx;
        width:450rpx;
        float:left;
        position:relative;

        .name{

          font-weight: bold;
          font-size:26rpx;

        }

        .product-option{
          font-size:26rpx;
          margin-top:10rpx;
          color:#999;
        }

        .price-number{

          width:100%;
          position:absolute;
          bottom:0;
          display: flex;

          justify-content: space-between;
          .price{

            color:#FF4F4F;
          }

          .number{

            color:#8F8F90;
          }

        }
      }

      &:after{
        content: " ";
        clear:both;
        display:block;
      }
    }
  }

  .key-value{

    margin-top:30rpx;
    display:flex;
    justify-content: space-between;
    font-size:26rpx;
    background-color:#fff;
    line-height:80rpx;
    height:80rpx;
    padding:0 40rpx;
    .key{

      color:rgb(94,94,94);

    }

    .value{

    }

    &.note{

      align-items: center;
      .key{
        flex:auto;
      }
      .value{
        flex:auto;
      }
    }
    &.total-total{
      margin-bottom:200rpx;
      .value{
        color:rgb(150,151,153);
      }
    }
  }

  .order-panel{

    position:fixed;
    bottom:0;
    width:100%;
    height:90rpx;
    line-height:90rpx;
    background-color: #fff;
    display: flex;
    justify-content: flex-end;

    .total{

      font-size:26rpx;
      font-weight: bold;
      margin-right:20rpx;

    }

    .btn{
      //font-weight: bold;
      height:90rpx;
      padding:0 50rpx;
      text-align:center;
      background-color: rgb(255,68,68);


      color:#fff;
      font-size:32rpx;

      &.btn-order{


      }

      &.btn-pay{

        display:none;
      }
    }


  }
}